<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				// $("div:contains(a)").css("color","red")
				// $("li:empty").css("color","#999")
				// $("li:has(span)").css("color","#999")
				// // 显示data-id
				// var ch= $(".a").attr("data-id")
				// 修改data-id
				// html() html代码
				// text() 文本内容
				// val() 交互控件的值 (交互控件的value)
				// val(aa) 修改value
				// var ch= $(".a").attr("data-id"，aaa)
				// console.log( ch )  
				// $("input[type='checkbox']").prop({disabled:true});
				// var ddd=$("input[type='checkbox']").prop("checked");
				// console.log(ddd)
				// $("input[type='checkbox']").prop({disabled:false});
				$("input[type='checkbox']").prop("checked",false);
				
			})
		</script>
	</head>
	<body>
		<input type="checkbox" name="" id="" value="" checked="checked" />
		<input type="checkbox" name="" id="" value="" checked=""/>
		<input type="checkbox" name="" id="" value="" checked />
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li><span>列表3</span></li>
			<li>列4</li>
			<li>表5</li>
			<li></li>
		</ul>
		
		<div id="">
			<div style="width: 100px;height: 100px; background-color: aqua;display: none;">
				
			</div>1
			<div id="" style="width: 100px;height: 100px; background-color:blue;visibility: hidden;">
				
			</div>1
		</div>
		<!-- <div>safda</div>
		<div>xvzcvz</div>
		<div>qwerqrqw</div> -->
		<div class="a" data-id="ss">asdasddf</div>
	</body> 
</html>
